.list {
  padding: .2rem;
}

.list .item {
  margin: .2rem 0;
}

.list .item .title {
  font-size: .4rem;
  color: #fd3952;
  display: flex;
  justify-content: space-between;
  padding: .1rem 0;
}

.list .item .title .author {
  font-size: .2rem;
  color: #8d1dfd;
}

.list .item .title .views {
  font-size: .2rem;
  color: #0ee3ff;
}

.list .item .poster {
  width: 100%;
  height: 6rem;
  background: no-repeat top center / cover;
  position: relative;
}

.list .item .poster .desc {
  line-height: .4rem;
  font-size: .24rem;
  color: #fff;
  background: rgba(255, 55, 86, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: .2rem;
}

.list .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80vh;
  color: #2b669a;
}

.loading {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, .2);
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  display: none;
}

.loading.show {
  display: flex;
}

.pager {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 1rem;
}

.pager a {
  height: .5rem;
  line-height: .5rem;
  width: 2rem;
  text-align: center;
  background: #fd3952;
  color: #fff;
}

